import React from 'react';
import { Link } from 'react-router-dom';

import Icon from './Icon';

const IconImage = ({ path = '' }) => {
  return (
    <Link to={path}>
      <Icon
        icon={
          <svg
            t="1569320467584"
            className="icon"
            viewBox="0 0 1073 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="1776"
            width="32"
            height="32"
          >
            <path
              d="M191.597683 1024h690.029335A191.850117 191.850117 0 0 0 1072.84605 833.033403V191.597683A191.850117 191.850117 0 0 0 881.627018 0H191.597683A191.850117 191.850117 0 0 0 0 191.597683V833.033403a191.850117 191.850117 0 0 0 191.597683 190.966597zM87.468507 833.033403V191.597683a104.255393 104.255393 0 0 1 104.129176-104.129176h690.029335a104.255393 104.255393 0 0 1 104.129176 104.129176V833.033403a104.255393 104.255393 0 0 1-104.129176 104.129176H191.597683A104.255393 104.255393 0 0 1 87.468507 833.033403z"
              fill="#ffffff"
              p-id="1777"
            ></path>
            <path
              d="M351.767287 481.770985a154.616048 154.616048 0 1 0-154.616048-154.616048 154.742265 154.742265 0 0 0 154.616048 154.616048z m-67.147541-154.616048a67.147541 67.147541 0 1 1 67.147541 67.147541 67.147541 67.147541 0 0 1-67.147541-67.147541zM191.597683 826.848761a43.544928 43.544928 0 0 0 30.923209-12.621718L388.748921 647.74658 536.675459 795.168248l400.48712-400.108467a43.797362 43.797362 0 0 0 0-61.84642 45.816837 45.816837 0 0 0-61.84642 0L536.675459 671.980279 388.748921 524.053741 160.674473 752.128189a43.923579 43.923579 0 0 0-12.621718 30.92321 43.797362 43.797362 0 0 0 43.671145 43.797362z"
              fill="#ffffff"
              p-id="1778"
            ></path>
          </svg>
        }
      ></Icon>
    </Link>
  );
};

export default IconImage;
